<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" import="java.util.*" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>装修公司详情</title>
    <link rel="stylesheet" href="../css/header.css">
    <style>
        .xin{
            display: inline-block;
            height: 25px;width:25px;
            background-image: url("../images/download1.png");
            background-position:0px -48px;
            vertical-align: middle;
        }
        .anli{
            height: 170px;
            width: 244px;
            overflow: hidden;
        }
        .anli_img{
            cursor: pointer;
            transition: all 0.8s;
        }
        .anli_img:hover{
            transform: scale(1.1);
        }
        * {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 14px;}
        ul,li {list-style: none;}
        a {text-decoration: none;color: black;}
        #img_4{
            background-position:-73px -23px;
        }
        #zi_4{color: red}
    </style>
</head>
<body>
<jsp:include page="hd.jsp"></jsp:include>
<script type="text/javascript">
    function changeimgziover1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px 1px")?("1px -22px"):("1px 1px");
        zi_1.style.color="red";
    }
    function changeimgziout1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px -22px")?("1px 1px"):("1px -22px");
        zi_1.style.color="black";
    }

    function changeimgziover2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px 0px")?("-24px -23px"):("-24px 0px");
        zi_2.style.color="red";
    }
    function changeimgziout2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px -23px")?("-24px 0px"):("-24px -23px");
        zi_2.style.color="black";
    }

    function changeimgziover3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px 0px")?("-48px -23px"):("-48px 0px");
        zi_3.style.color="red";
    }
    function changeimgziout3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px -23px")?("-48px 0px"):("-48px -23px");
        zi_3.style.color="black";
    }

    /*function changeimgziover4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px 0px")?("-73px -23px"):("-73px 0px");
        zi_4.style.color="red";
    }
    function changeimgziout4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px -23px")?("-73px 0px"):("-73px -23px");
        zi_4.style.color="black";
    }*/
</script>

    <div style="font-size: 13px;letter-spacing: 1px;width: 74%;margin: 8px auto">
        <a href="firmAll2.jsp">家装公司</a>><a>华天装饰</a>
    </div>
    <div style="width: 100%;background-color: rgba(245,245,245,0.85);height: 300px">
        <div style="height: 35px"></div>
        <div style="width: 74%;height: 230px;margin: 0px auto">
            <div style="width: 70%;float: left">
                <div style="float: left"><img src="../images/16656991.jpg" height="200" width="200"/></div>
                <div style="float: left;width: 65%;margin-left: 15px;line-height: 32px">
                    <p style="font-size: 25px">华天装饰</p>
                    <p style="font-size: 15px;margin-top: 3px;color: grey">服务区域：崇安、北塘、南长、惠山、锡山、江阴、滨湖、新区<br/>
                        擅长类型：三居室、四居室、复式<br/>
                        公司简介：无锡华天装饰有限公司，成立于2006，是一家以“口碑相传，永续经营”为核心价值观的公司；为装修者解决实际问题的公司；我公司不断开拓进取致力于成为装修界***口碑装饰公司；赢得了 “精钻工程”的著称。</p>
                </div>
            </div>
            <div style="width:28%;float: right;height: 200px;border-left: 1px solid grey">
                <div style="margin:10px 0px 0px 75px">
                    <span class="xin"></span><span class="xin"></span><span class="xin"></span><span class="xin"></span><span class="xin"></span>
                     <p style="display: inline-block;color: grey;font-size: 15px">好评率：98%</p>
                </div>
                <div>
                    <button style="background-color: rgba(255,0,0,0.7);color: white;height: 60px;width: 180px;border-radius: 2px;margin: 50px 0px 10px 90px">免费预约</button>
                </div>
                <div style="margin: 10px 0px 0px 80px">
                    <p style="color: rgba(201,167,71,0.82);font-size: 16px">预约热线：888-8888-8888</p>
                </div>
            </div>
        </div>
    </div>

    <div id="aili" style="width: 70%;margin: 20px auto;height: 300px;">
        <div>
            设计案例<a href="#" style="font-size: 12px;color: grey;display: inline-block">（100）</a>
            <a href="#" style="font-size: 12px;color: grey;display: inline-block;float: right;line-height: 35px">更多></a>
            <div style="width: 100%;border-top: 1px solid #cfcfcf;margin-top: 10px">
                <div style="margin: 20px 10px;float: left;height: 220px;background-color: #f2f2f2">
                    <a href="#">
                        <div class="anli"><img class="anli_img" src="../images/25784296.jpg" height="170" width="244"/></div>
                        <p style="color: black;font-size: 15px">小清新</p>
                        <p style="font-size: 12px">二居室 &nbsp; | &nbsp; 110m<sup>2</sup>  &nbsp;| &nbsp; 简约</p>
                    </a>
                </div>
                <div style="margin: 20px 10px;float: left;height: 220px;background-color: #f2f2f2">
                    <a href="#">
                        <div class="anli"><img class="anli_img" src="../images/25784296.jpg" height="170" width="244"/></div>
                        <p style="color: black;font-size: 15px">小清新</p>
                        <p style="font-size: 12px">二居室 &nbsp; | &nbsp; 110m<sup>2</sup>  &nbsp;| &nbsp; 简约</p>
                    </a>
                </div>
                <div style="margin: 20px 10px;float: left;height: 220px;background-color: #f2f2f2">
                    <a href="#">
                        <div class="anli"><img class="anli_img" src="../images/25784296.jpg" height="170" width="244"/></div>
                        <p style="color: black;font-size: 15px">小清新</p>
                        <p style="font-size: 12px">二居室 &nbsp; | &nbsp; 110m<sup>2</sup>  &nbsp;| &nbsp; 简约</p>
                    </a>
                </div>
                <div style="margin: 20px 10px;float: left;height: 220px;background-color: #f2f2f2">
                    <a href="#">
                        <div class="anli"><img class="anli_img" src="../images/25784296.jpg" height="170" width="244"/></div>
                        <p style="color: black;font-size: 15px">小清新</p>
                        <p style="font-size: 12px">二居室 &nbsp; | &nbsp; 110m<sup>2</sup>  &nbsp;| &nbsp; 简约</p>
                    </a>
                </div>
            </div>
        </div>
    </div>


    <div id="team" style="width: 70%;margin: 60px auto;height: 280px">
        <div>
            设计团队<a href="#" style="font-size: 12px;color: grey;display: inline-block">（18）</a>
            <a href="#" style="font-size: 12px;color: grey;display: inline-block;float: right;line-height: 35px">更多></a>
            <div style="width: 100%;border-top: 1px solid #cfcfcf;margin-top: 10px">

                <div style="margin: 20px 15px;float: left;text-align: center;line-height: 21px">
                    <a href="#">
                        <div style="border-radius: 50%;overflow: hidden"><img src="../images/timg (1).jpg" height="150" width="180"/></div>
                        <p style="color: #aa9100;font-size: 15px">夏斯祥</p>
                        <p style="font-size: 12px">头牌设计师</p>
                    </a>
                </div>
                <div style="margin: 20px 15px;float: left;text-align: center;line-height: 21px">
                    <a href="#">
                        <div style="border-radius: 50%;overflow: hidden"><img src="../images/timg (1).jpg" height="150" width="180"/></div>
                        <p style="color: #aa9100;font-size: 15px">夏斯祥</p>
                        <p style="font-size: 12px">头牌设计师</p>
                    </a>
                </div>
                <div style="margin: 20px 15px;float: left;text-align: center;line-height: 21px">
                    <a href="#">
                        <div style="border-radius: 50%;overflow: hidden"><img src="../images/timg (1).jpg" height="150" width="180"/></div>
                        <p style="color: #aa9100;font-size: 15px">夏斯祥</p>
                        <p style="font-size: 12px">头牌设计师</p>
                    </a>
                </div>
                <div style="margin: 20px 15px;float: left;text-align: center;line-height: 21px">
                    <a href="#">
                        <div style="border-radius: 50%;overflow: hidden"><img src="../images/timg (1).jpg" height="150" width="180"/></div>
                        <p style="color: #aa9100;font-size: 15px">夏斯祥</p>
                        <p style="font-size: 12px">头牌设计师</p>
                    </a>
                </div>
                <div style="margin: 20px 15px;float: left;text-align: center;line-height: 21px">
                    <a href="#">
                        <div style="border-radius: 50%;overflow: hidden"><img src="../images/timg (1).jpg" height="150" width="180"/></div>
                        <p style="color: #aa9100;font-size: 15px">夏斯祥</p>
                        <p style="font-size: 12px">头牌设计师</p>
                    </a>
                </div>

            </div>
        </div>
    </div>


    <div id="work" style="width: 70%;margin: 60px auto;height: 280px">
        <div>
            工长团队<a href="#" style="font-size: 12px;color: grey;display: inline-block">（12）</a>
            <a href="#" style="font-size: 12px;color: grey;display: inline-block;float: right;line-height: 35px">更多></a>
            <div style="width: 100%;border-top: 1px solid #cfcfcf;margin-top: 10px">

                <div style="margin: 20px 15px;float: left;text-align: center;line-height: 21px">
                    <a href="#">
                        <div style="border-radius: 50%;overflow: hidden"><img src="../images/timg (2).jpg" height="150" width="180"/></div>
                        <p style="color: #aa9100;font-size: 15px">徐小斌</p>
                    </a>
                </div>
                <div style="margin: 20px 15px;float: left;text-align: center;line-height: 21px">
                    <a href="#">
                        <div style="border-radius: 50%;overflow: hidden"><img src="../images/timg (2).jpg" height="150" width="180"/></div>
                        <p style="color: #aa9100;font-size: 15px">徐小斌</p>
                    </a>
                </div>
                <div style="margin: 20px 15px;float: left;text-align: center;line-height: 21px">
                    <a href="#">
                        <div style="border-radius: 50%;overflow: hidden"><img src="../images/timg (2).jpg" height="150" width="180"/></div>
                        <p style="color: #aa9100;font-size: 15px">徐小斌</p>
                    </a>
                </div>
                <div style="margin: 20px 15px;float: left;text-align: center;line-height: 21px">
                    <a href="#">
                        <div style="border-radius: 50%;overflow: hidden"><img src="../images/timg (2).jpg" height="150" width="180"/></div>
                        <p style="color: #aa9100;font-size: 15px">徐小斌</p>
                    </a>
                </div>
                <div style="margin: 20px 15px;float: left;text-align: center;line-height: 21px">
                    <a href="#">
                        <div style="border-radius: 50%;overflow: hidden"><img src="../images/timg (2).jpg" height="150" width="180"/></div>
                        <p style="color: #aa9100;font-size: 15px">徐小斌</p>
                    </a>
                </div>
            </div>
        </div>
    </div>


    <div id="comment" style="width: 70%;margin: 60px auto;">
        <div>
            业主评价<a href="#" style="font-size: 12px;color: grey;display: inline-block">（299）</a>
            <a href="#" style="font-size: 12px;color: grey;display: inline-block;float: right;line-height: 35px">更多></a>
            <div style="width: 100%;border-top: 1px solid #cfcfcf;margin-top: 10px">
                <div style="width: 96%;margin: 25px auto;height: 300px">
                    <div style="float: left;margin-top: 5px">
                       <div style="border-radius: 50%;overflow: hidden;height: 50px;width: 50px;margin-left: 8px"><img src="../images/default-user.png" height="50" width="50"/></div>
                        <p style="font-size: 14px;color:grey;margin-left: 5px">horzion~</p>
                    </div>
                    <div style="width: 60%;float: left;margin-left: 30px;margin-top: 5px">
                        <p style="font-size: 14px;">水电阶段比较满意，水电师傳工作细致，细节也想的到位，对于我们业主提出的问题，及时调整或给出合理意见！项目经理倪经理也经常到工地，听取双方意见，有不足立马整改到位，特此好评，给华天点赞！</p>
                        <div style="margin-top: 20px">
                            <img src="../images/146571188.m.jpg" height="80" width="80"/>&nbsp;
                            <img src="../images/132085731.m.jpg" height="80" width="80"/>&nbsp;
                            <img src="../images/181802396.m.jpg" height="80" width="80"/>&nbsp;
                        </div>
                        <div style="height: 70px;width: 100%;background-color: #f7f7f7;margin-top: 30px;padding-top: 10px">
                            <div style="height: 60px;margin-left: 20px;float: left">
                                <img src="../images/16656991.jpg" height="60" width="60"/>
                            </div>
                            <div style="margin-left:15px;float: left;line-height: 20px">
                                <p style="font-size: 13px;color: grey;">华天装饰:</p>
                                <p style="font-size: 13px;">感谢业主对华天装饰的支持与认可，祝您生活愉快</p>
                            </div>
                        </div>
                    </div>
                    <div style="width: 22%;float: left;height: 10px;">
                        <div style="margin-left: 110px">
                            <span style="background-image:url(../images/download1.png);width: 23px;height: 25px;background-position:-50px -48px;display: inline-block;vertical-align: middle"></span>
                            <p style="display: inline-block;color: red;font-size: 13px">好评</p>
                            <p style="color: grey;font-size: 12px">2019-09-22  18:00</p>
                        </div>
                    </div>
                </div>
            </div>
            <div style="width: 100%;border-top: 1px solid #cfcfcf;margin-top: 10px">
                <div style="width: 96%;margin: 25px auto;height: 300px">
                    <div style="float: left;margin-top: 5px">
                        <div style="border-radius: 50%;overflow: hidden;height: 50px;width: 50px;margin-left: 8px"><img src="../images/default-user.png" height="50" width="50"/></div>
                        <p style="font-size: 14px;color:grey;margin-left: 5px">horzion~</p>
                    </div>
                    <div style="width: 60%;float: left;margin-left: 30px;margin-top: 5px">
                        <p style="font-size: 14px;">水电阶段比较满意，水电师傳工作细致，细节也想的到位，对于我们业主提出的问题，及时调整或给出合理意见！项目经理倪经理也经常到工地，听取双方意见，有不足立马整改到位，特此好评，给华天点赞！</p>
                        <div style="margin-top: 20px">
                            <img src="../images/146571188.m.jpg" height="80" width="80"/>&nbsp;
                            <img src="../images/132085731.m.jpg" height="80" width="80"/>&nbsp;
                            <img src="../images/181802396.m.jpg" height="80" width="80"/>&nbsp;
                        </div>
                        <div style="height: 70px;width: 100%;background-color: #f7f7f7;margin-top: 30px;padding-top: 10px">
                            <div style="height: 60px;margin-left: 20px;float: left">
                                <img src="../images/16656991.jpg" height="60" width="60"/>
                            </div>
                            <div style="margin-left:15px;float: left;line-height: 20px">
                                <p style="font-size: 13px;color: grey;">华天装饰:</p>
                                <p style="font-size: 13px;">感谢业主对华天装饰的支持与认可，祝您生活愉快</p>
                            </div>
                        </div>
                    </div>
                    <div style="width: 22%;float: left;height: 10px;">
                        <div style="margin-left: 110px">
                            <span style="background-image:url(../images/download1.png);width: 23px;height: 25px;background-position:-50px -48px;display: inline-block;vertical-align: middle"></span>
                            <p style="display: inline-block;color: red;font-size: 13px">好评</p>
                            <p style="color: grey;font-size: 12px">2019-09-22  18:00</p>
                        </div>
                    </div>
                </div>
            </div>
            <div style="width: 100%;border-top: 1px solid #cfcfcf;margin-top: 10px">
                <div style="width: 96%;margin: 25px auto;height: 300px">
                    <div style="float: left;margin-top: 5px">
                        <div style="border-radius: 50%;overflow: hidden;height: 50px;width: 50px;margin-left: 8px"><img src="../images/default-user.png" height="50" width="50"/></div>
                        <p style="font-size: 14px;color:grey;margin-left: 5px">horzion~</p>
                    </div>
                    <div style="width: 60%;float: left;margin-left: 30px;margin-top: 5px">
                        <p style="font-size: 14px;">水电阶段比较满意，水电师傳工作细致，细节也想的到位，对于我们业主提出的问题，及时调整或给出合理意见！项目经理倪经理也经常到工地，听取双方意见，有不足立马整改到位，特此好评，给华天点赞！</p>
                        <div style="margin-top: 20px">
                            <img src="../images/146571188.m.jpg" height="80" width="80"/>&nbsp;
                            <img src="../images/132085731.m.jpg" height="80" width="80"/>&nbsp;
                            <img src="../images/181802396.m.jpg" height="80" width="80"/>&nbsp;
                        </div>
                        <div style="height: 70px;width: 100%;background-color: #f7f7f7;margin-top: 30px;padding-top: 10px">
                            <div style="height: 60px;margin-left: 20px;float: left">
                                <img src="../images/16656991.jpg" height="60" width="60"/>
                            </div>
                            <div style="margin-left:15px;float: left;line-height: 20px">
                                <p style="font-size: 13px;color: grey;">华天装饰:</p>
                                <p style="font-size: 13px;">感谢业主对华天装饰的支持与认可，祝您生活愉快</p>
                            </div>
                        </div>
                    </div>
                    <div style="width: 22%;float: left;height: 10px;">
                        <div style="margin-left: 110px">
                            <span style="background-image:url(../images/download1.png);width: 23px;height: 25px;background-position:-50px -48px;display: inline-block;vertical-align: middle"></span>
                            <p style="display: inline-block;color: red;font-size: 13px">好评</p>
                            <p style="color: grey;font-size: 12px">2019-09-22  18:00</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div style="width: 100%;height: 150px;font-size: 15px;color: #bfbfbf;text-align: center;background-color: #ededed;line-height: 25px;padding-top: 30px;margin-top: 300px">
        <div class="zx_footer_info">
            <p>
                优家网 版权所有Copyright © 2005-2018 www.jia.com All rights reserved
            </p>

            <p>
                沪ICP备13002314号 沪B2-20090108 组织机构代码证：66439109—1
            </p>

            <p>
                中国互联网协会信用评价中心网信认证 网信编码:1664391091
            </p>

            <p>
                <a href="//oneimg1.jia.com/content/public/resource/image/tg_home/yiye.gif">
                    <img width="40" border="0" height="44" src="//oneimg1.jia.com/content/public/resource/image/tg_home/gov-inco.jpg">
                </a>
                <a style="margin-left:15px;" target="_blank" href="//www.jia.com/315/">
                    <img border="0" src="//fastued3.jia.com/image/common/315.gif">
                </a>
            </p>
        </div>
    </div>
</body>
</html>